<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
 String path = request.getContextPath();
 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title>客户新增信息</title>
 <%--    <link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/static/cheken/css/register.css" />--%>
 <%--<script type="text/javascript" src="/static/js/register.js"></script>--%>
 <style>
  html,body,div,span,ul,li,h1,h2,h3,h4,p,a,img,input,form{margin:0;padding:0;border:0;list-style:none;outline:0;}
  div,td,ul,li,dl,dt,dd,h2,h3,h4{list-style:none;margin:0;padding:0;}
  div{display:block;}
  body{font-size:12px;font-family:"微软雅黑", "宋体", Arial;color:#666;}
  li{display:list-item;text-align:-webkit-match-praent;}
  img{vertical-align:middle;}
  em{font-style:normal;color:#fff;}
  input, textarea, select, button { font-family: inherit; font-size: 100%; outline:0;}
  a img{border:0}
  body{color:#333;font:12px "微软雅黑";}
  ul, ol, li{list-style-type:none;vertical-align:0}
  a{outline-style:none;color:#535353;text-decoration:none;cursor:pointer}
  a:hover{text-decoration:none;}
  .clear{height:0;overflow:hidden;clear:both}
  i,s{text-decoration:none;font-style:normal;}


  .formoverlay{cursor:default;width:1419px;height:949px;z-index:5;opacity:0.5;background:#999;position:absolute;left:0;top:0;width:100%;height:100%;display: block;}
  .formborder{border:1px solid #476f9a;}
  .formcap{color:#fff;background:#476f9a;}
  td{font-size:12px;line-height:18px;}
  .form-cap-label{padding:3px 0 0 4px;height:30px;cursor:default;}
  .form-cap-txt{font-size:14px;text-indent:5px;letter-spacing:1px;}
  .formcap-btn{padding-right:5px;}
  .formcap-btn a img{width:15px;height:15px;}

  /*.layoutitem{width:840px;border:1px solid #ddd;margin:15px  auto;}*/
  .layout-xx li{height:40px;line-height:40px;margin-bottom:5px;display:block;overflow:hidden;}
  .item-input{float:left;overflow:hidden;display:inline-block;width:50%;}
  .item-label{width:68px;line-height:40px;display:inline-block;text-align:right;}
  .layoutitemcon{width:235px;background:#fff;height:24px;line-height:24px;border:1px solid #c9c9c9;text-indent:5px;margin-left:8px;}
  .layout-sele{width:110px;background:#fff;height:24px;line-height:24px;border:1px solid #c9c9c9;text-align:center;margin-left:8px;}
  .layout-input{width:200px;border:1px solid #c9c9c9;height:24px;line-height:24px;margin-left:8px;text-indent:5px;}
  .item-input1{overflow:hidden;display:inline-block;width:100%;float:left;}
  .layout-bz{width:687px;height:24px;line-height:24px;border:1px solid #c9c9c9;background:#fff;margin-left:8px;text-indent:5px;}
  .lab{text-indent:5px;}
  .item-op{width:235px;height:24px;margin-left:8px;border:1px solid #ddd;}
  .item-label i{color:#ff0303;font-size:14px;line-height:24px;padding-right:5px;}
  .tc-kh{width:50px;}
  .kh{width:70%;}
  .item-ts{margin-top:15px;}
  .layoutitem-add{float:right;padding-right:15px;}
  .layoutitem-add a{width:45px;height:24px;line-height:24px;margin:12px 8px ;display:inline-block;padding:2px 3px;}
  .add{background:#ff0303;color:#fff;border-radius:3px;text-align:center;}
  .bc{background:#f94913;border-radius:3px;text-align:center;color:#fff;}
  .tc{background:#333;border-radius:3px;text-align:center;color:#fff;}
  .gridbar{border:1px solid #ddd;width:100%;clear:both;}
  .gridbar input{padding:1px 3px 1px 3px; margin:0px; border:none;}
  .gridbar th{height:34px;line-height:34px;border-bottom:1px solid #ddd;text-indent:11px;text-align:left;background:#f2f2f2}
  .gridbar td{line-height:35px;text-indent:11px;border-right:1px dotted #ddd;text-align:left;}
 </style>
 <link  type="text/css" rel="stylesheet"  href="<%=request.getContextPath()%>/static/index/css/style.css"/>
 <link  type="text/css" rel="stylesheet"  href="<%=request.getContextPath()%>/static/index/css/index.css"/>
 <script  src="/static/js/jquery.min.js"></script>
 <!-- 动态菜单JS -->
 <script type="text/javascript"  src="/static/js/menu.js"></script>
 <script type="text/javascript">
     function index(){
         location.href="<%=path%>/user/userlist";//跳转到首页信息列表
     }

     $(function() {
         $("#username").focus(function() {
             $("#usernameid").text("");
         });
         $("#username").blur(function() {
             var username = $(this).val();
             username = $.trim(username);
             if(username == "")
                 $('#usernameid').text("员工姓名不能为空?");
         });

         $("#identity").focus(function() {
             $("#identityid").text("");
         });
         $("#identity").blur(function() {
             var identity = $(this).val();
             var reg =/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
             identity = $.trim(identity);
             if(identity == ""){
                 $('#identityid').text("身份证号码不能为空?");
             }else if(reg.test(identity)==false){
                 $('#identityid').text("身份证输入不合法或格式不对?");
             }
         });
         $("#address").focus(function() {
             $("#addressid").text("");
         });
         $("#address").blur(function() {
             var address = $(this).val();
             address = $.trim(address);
             if(address == "")
                 $('#addressid').text("详细地址不能为空？");
         });

         $("#phone").focus(function() {
             $("#phoneid").text("");
         });
         $("#phone").blur(function() {
             var phone = $(this).val();
             phone = $.trim(phone);
             var ph=/^1[3|4|5|8][0-9]\d{4,8}$/;
             if(phone == "")
                 $('#phoneid').text("员工姓名不能为空？");
             else if (ph.test(phone)==false)
                 $('#phoneid').html("不是完整的11位手机号或者正确的手机号前七位？");
         });

         $("#position").focus(function() {
             $("#positionid").text("");
         });
         $("#position").blur(function() {
             var position = $(this).val();
             position = $.trim(position);
             if(position == "")
                 $('#positionid').text("职位不能为空？");
         });

         $("#userpwd").focus(function() {
             $("#pwdId").text("");
         });
         $("#userpwd").blur(function() {
             var userpwd = $(this).val();
             var mma=/(?!^\\d+$)(?!^[a-zA-Z]+$)(?!^[_#@]+$).{6,}/;
             userpwd = $.trim(userpwd);
             if(userpwd == "")
                 $('#pwdId').text("密码不能为空？");
             else if(mma.test(userpwd)==false)
                 $('#pwdId').text("密码必须由数字、字符、特殊字符三种中的两种组成,长度不能小于6位？");
         });
     })
 </script>
</head>

<body>




<%--顶部公共部分--%>
<jsp:include page="common/top.jsp" />
<div class="left-menu" style="height:949px;">
 <%--左侧菜单列表--%>
 <jsp:include page="common/left-menu-list.jsp" />
</div>

<div class="right-menu">
 <div class="main-hd">
  <div class="page-teb" >
   <div class="l-tab-links">
    <ul>
     <li class="l-select">
      <a href="/user/index">首页</a>
     </li>
     <li class="l-select">
      <a href="#">员工管理</a>
     </li>
    </ul>
   </div>
   <table >
    <tbody>
    <tr>
     <td align="left" valign="top">
      <div >
       <!--新增用户信息   开始-->
       <form action="/user/usersave" id="registerForm" name="registerForm" >
        <div class="layoutitem">
         <div>
          <ul>
           <li>
            <div >
             <label class="item-label"><i>*</i>员工姓名</label>
             <input type="text" name="username" id="username" class="layoutitemcon" maxlength="50" placeholder="请输入员工名">
             <span id="usernameid" style="background-color: red;color: #3e3e3e;font-size: 10px"></span>
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>身份证</label>
             <input type="text" name="identity" id="identity" class="layoutitemcon" maxlength="50" placeholder="身份证号码">
             <span id="identityid" style="background-color: red;color: #3e3e3e;font-size: 10px;"></span>
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>真名</label>
             <input type="text" name="fullname" id="fullname" class="layoutitemcon" maxlength="50" placeholder="全名">
             <span id="fullid"></span>
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>男</label>
             <input type="radio"  id="male" name="sex" value="男"  checked="checked">

             <label class="item-label"><i>*</i>女</label>
             <input type="radio"  id="female" name="sex" value="女">
            </div>
           </li>
           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>地址</label>
             <input type="text" name="address" id="address" class="layoutitemcon" maxlength="50" placeholder="请输入地址"详细地址>
             <span id="addressid" style="background-color: red;color: #3e3e3e;font-size: 10px;width: 100%"></span>
            </div>
           </li>
           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>电话</label>
             <input type="text" name="phone" id="phone" class="layoutitemcon" maxlength="50" placeholder="电话或手机号">
             <span id="phoneid" style="background-color: red;color: #3e3e3e;font-size: 10px;width: 100%"></span>
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>职位</label>
             <input type="text" name="position" id="position" maxlength="50" class="layoutitemcon" placeholder="1：客服 2：超级管理员 3：店长">
             <span id="ponid" style="background-color: red;color: #3e3e3e;font-size: 10px;width: 100%"></span>
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>等级</label>
             <input type="text" name="userlevel" class="layoutitemcon" maxlength="50" placeholder="会员等级，默认为0">
            </div>
           </li>
           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>密码</label>
             <input type="password" name="userpwd" id="userpwd" class="layoutitemcon" maxlength="50"placeholder="请输入六位数以上密码">
             <span id="pwdId" style="background-color: red;color: #3e3e3e;font-size: 10px;width: 100%"></span>
            </div>
           </li>
           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>QQ</label>
             <input type="text" name="userQQ" class="layoutitemcon" maxlength="50" placeholder="QQ号">
            </div>
           </li>

           <li>
            <div class="item-input">
             <label class="item-label"><i>*</i>注册时间</label>
            <%-- <input type="date" name="USERDLDATE" id="USERDLDATE" class="layoutitemcon" maxlength="50" placeholder="请输入注册时间">--%>
            </div>
           </li>

          </ul>
          <div>
           <input type="submit"  class="bc" value="保存"  style="font-size: 18px;padding: 5px 10px;background-color: red;color: #f6fcff ">
           <input type="button" name="tc" class="tc" value="退出" style="font-size: 18px;padding: 5px 10px" onclick="index()">
          </div>
         </div>
        </div>
       </form>

       <!--仓库基本信息   结束-->
       <!--联系人信息   开始-->

      </div>
     </td>
    </tr>

    <tr>
     <td align="left" valign="top" style="width:880px;height: auto;background:#fff;">
      <div class="formcontentsize" style="width:auto;height:auto;">
       <!--仓库基本信息   开始-->
       <div class="layoutitem">
        <%-- <form method="post">
           <table class="gridbar bar" border="0" cellpadding="0" cellspacing="0">
           <thead>
            <tr>
             <th >联系人</th>
             <th>手机</th>
             <th>座机</th>
             <th>QQ/微信/Email</th>
             <th>联系地址</th>
             <th>首要联系人</th>
             <th>身份证号</th>

            </tr>
            <tr>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
             <td><input type="text" class="cj-bf kh"></td>
            </tr>
           </thead>
          </table>
         </form>--%>
       </div>
       <!--仓库基本信息   结束-->
       <!--联系人信息   开始-->
       <div class="layoutitem-add">

       </div>
      </div>
     </td>
    </tr>
    </tbody>
   </table>
  </div>
 </div>
</div><!--弹窗 仓库管理开始-->
</body>
</html>
